<template>
    <div class="mineNft-container">
      <div class="container grid-container">
        <minenftgrid
          :grid-num="gridNum"
          :grid-show-num="gridShowNum"
          class="grid"
          :aspect-ratio="'0.65'"
          :type="type"
          :sort="sort"
          :search="search"
        >
        </minenftgrid>
      </div>
    </div>
  </template>
  
  <script>
  import minenftgrid from "@/components/MineNftGrid.vue";
  
  export default {
    name: "",
    components: { minenftgrid },
    props: {
      gridShowNum: {
        typeof: Number,
        default: 4,
      },
      search:{
        typeof:String,
        default:null
      },
      sort:{
        typeof:String,
        default:null
      }
    },
    data() {
      return {
        gridImg: {
          url: require("@/image/swiper-04.jpg"),
        },
        gridNum: 100,
        clientWidth: document.body.clientWidth,
        type:"items",
      };
    },
    mounted() {
      
    },
    created(){

    }
    
  };
  </script>
  <style  lang="less" >
  .mineNft-container {
    //   margin-top: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;


  }
  </style>
  
  